<div id="steps-slider">
	<div class="steps-holder">
		<ul class="pagination">
			<?php foreach($imageData['data'] as $key=>$val): ?>
			<?php if($key):?>
				<li>
			<?php else:?>
				<li class="active">
			<?php endif;?>
				<a href="#">
					<strong class="title title0<?php echo ($key + 1);?>"><?php echo $val['stepname'];?></strong>
					<span><?php echo $val['shortdesc'];?></span>
				</a>
			</li>
			<?php endforeach; ?>
		</ul>
	</div>
	<div class="controls">
		<a href="#" class="previous">previous</a>
		<a href="#" class="next">next</a>
	</div>
	<div class="slide-holder">
		<div class="container">
			<ul class="slides">
				<?php foreach($imageData['data'] as $key=>$val):?>
				<li>
					<div class="image">
						<img class="large" src="<?php echo App::Config()->baseUrl("/uploads/filemanager/{$val['image']}");?>" alt="<?php echo $val['title']; ?>" width="275" height="307" />
					</div>
					<div class="text-box">
						<h2><?php echo $val['title']; ?></h2>
						<?php echo $val['description']; ?>
					</div>
				</li>
				<?php endforeach; ?>
			</ul>
		</div>
	</div>
</div>